<template>
	<view class="topic-more">
		<view class="topic-list">
			<view class="topic-list-item" v-for="(item ,index) in list" :key='index' @click="toTopic">
				#{{item.name}}#
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					name: '天干物燥'
				}, {
					name: '小心火烛'
				}, {
					name: '桃李春风一壶酒'
				}, {
					name: '江湖夜雨十年灯'
				}]
			};
		},
		methods:{
			toTopic(){
				uni.navigateTo({
					url:'/pages/topic/topic'
				})
			}
		}
	}
</script>

<style lang="scss">
	.topic-list-item {
		background-color: #FFFFFF;
		padding: 20rpx 30rpx;
		margin: 8rpx 0;
	}

	.topic-more {
		min-height: 100vh;
		background-color: $bgColor;
	}
</style>
